MISSION START

Join the
Mission.
Vote. Earn. Collect.

Transforming a nationwide university sports event into an interactive digital experience — combining gamification, NFT rewards, and real-world participation.

Fan Engagement Digital Collectible Event Platform Product Strategy
Event Thammasat Games 2025
My Role Product Lead · PM + BD + UX Direction
Timeline 2024 – Jan 2025
Mission Result

A nationwide event transformed into a live digital platform.

126,261
Votes
Generated across all sports
29,118+
Users
Registered on platform
15,000
Peak Daily
Visits at event peak
120+
Universities
Participated nationwide
EchoX presenting 5,032,500 baht sponsorship at Thammasat Games 2025
Partnership · EchoX × Thammasat Games 2025

Platform success attracted major sponsorship — validating the digital engagement model at national scale.

Participating Universities

จุฬาลงกรณ์มหาวิทยาลัย
มหาวิทยาลัยเชียงใหม่
มหาวิทยาลัยนเรศวร
มหาวิทยาลัยรามคำแหง
มหาวิทยาลัยราชภัฏนครสวรรค์
มหาวิทยาลัยศรีนครินทรวิโรฒ
มหาวิทยาลัยราชภัฏเชียงราย
มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าธนบุรี
มหาวิทยาลัยราชภัฏเชียงใหม่
มหาวิทยาลัยเทคโนโลยีพระจอมเกล้าพระนครเหนือ
มหาวิทยาลัยพะเยา
มหาวิทยาลัยสยาม
มหาวิทยาลัยศิลปากร
มหาวิทยาลัยเทคโนโลยีราชมงคลล้านนา
มหาวิทยาลัยแม่โจ้
สถาบันเทคโนโลยีพระจอมเกล้าเจ้าคุณทหารลาดกระบัง
มหาวิทยาลัยธนบุรี
มหาวิทยาลัยแม่ฟ้าหลวง
มหาวิทยาลัยนอร์ท-เชียงใหม่
มหาวิทยาลัยเทคโนโลยีราชมงคลพระนคร
มหาวิทยาลัยพายัพ
มหาวิทยาลัยเกษมบัณฑิต
มหาวิทยาลัยราชภัฏกำแพงเพชร
มหาวิทยาลัยราชภัฏธนบุรี
มหาวิทยาลัยกรุงเทพ
มหาวิทยาลัยราชภัฏอุตรดิตถ์
มหาวิทยาลัยราชภัฏพระนคร
มหาวิทยาลัยราชภัฏพิบูลสงคราม
มหาวิทยาลัยธรรมศาสตร์
มหาวิทยาลัยราชภัฏเพชรบูรณ์
มหาวิทยาลัยนวมินทราธิราช
มหาวิทยาลัยเกษตรศาสตร์
มหาวิทยาลัยเทคโนโลยีมหานคร
มหาวิทยาลัยธุรกิจบัณฑิตย์
มหาวิทยาลัยศรีปทุม
มหาวิทยาลัยราชภัฏบ้านสมเด็จเจ้าพระยา
สถาบันเทคโนโลยีจิตรลดา
วิทยาลัยดุสิตธานี
มหาวิทยาลัยเซาธ์อีสท์บางกอก
มหาวิทยาลัยกรุงเทพธนบุรี
มหาวิทยาลัยนอร์ทกรุงเทพ
ราชวิทยาลัยจุฬาภรณ์
มหาวิทยาลัยราชภัฏสวนสุนันทา
มหาวิทยาลัยหอการค้าไทย
มหาวิทยาลัยรัตนบัณฑิต
มหาวิทยาลัยราชภัฏจันทรเกษม
มหาวิทยาลัยเทคโนโลยีราชมงคลกรุงเทพ
มหาวิทยาลัยอัสสัมชัญ

Mission Control

Profile photo
Product Lead
PM + BD + UX Direction

I led the mission from concept to execution — bridging business strategy, product direction, and experience design across all phases of the project.

UX/UI execution was delivered through the design team under my direction — not as pixel-level design work by me.

01
Platform Strategy & Feature Direction
Defined what to build, why, and in what order — aligning with event timeline and business goals.
02
UX/UI Execution Direction
Led the design team's output — setting direction, reviewing work, and ensuring quality and consistency.
03
Stakeholder & Partnership Management
Managed relationships with Thammasat University, USBT, sponsors, and internal teams.
04
Delivery Under Tight Event Timeline
Coordinated all streams to ship a live product in time for a fixed public event date.
Context

Why This
Mission
Exists

The event happened in one place.
But the audience was everywhere.

110+
Universities across Thailand.
Most couldn't make the trip.
Thammasat Games 2025 — stadium atmosphere
Problem
01
No Interaction

Audiences could only watch. No way to participate or feel connected beyond physically being there.

02
No Incentive

Nothing encouraged people to return, engage repeatedly, or share the experience with their networks.

03
No Memory

Once the event ended, nothing remained. No collectibles, no records, no lasting digital connection.

The Response

That's where EchoX came in.

As a technology sponsor for Thammasat Games 2025, we built the digital layer the event didn't have — a platform that let every student, wherever they were in Thailand, follow the games, vote for their university, and walk away with something to remember it by.

Who We Were Designing For

สามกลุ่มคนที่ platform ต้องรับใช้ให้ได้ทั้งหมด — แต่ละคนมีบริบท ความต้องการ และ pain point ที่แตกต่างกันอย่างชัดเจน

USERS SIDE
Cheerleader / Audience
User · กองเชียร์ออนไลน์
ไอซ์
Cheerleader / Audience
User · กองเชียร์ออนไลน์
"อยากเชียร์มหาลัยตัวเองมากเลย — แต่ปทุมธานีไกลมาก ไปไม่ได้จริงๆ"
Pain Points
  • ระยะทาง + ต้นทุนสูง — structural barrier
  • ข้อมูล ranking กระจัดกระจาย หลายที่
  • รู้สึก excluded — งานดูเหมือน "ของนักกีฬา"
  • Live stream ครอบคลุมแค่ 12/37 กีฬา
Goals & Needs
  • รู้ ranking real-time ในที่เดียว
  • แสดงออกว่าเชียร์ทีมนี้แม้อยู่ไกล
  • มีหลักฐาน digital ว่าตัวเองร่วมงาน
Key Insight นี่คือ majority จริงๆ — นักศึกษาส่วนใหญ่มาไม่ได้ แต่ยังอยากมีส่วนร่วม platform ที่ปลดล็อค distance barrier ได้คือ platform ที่ scale ระดับประเทศได้จริง
User · นักกีฬาตัวแทน
"ซ้อมมาทั้งปี ถึงเวลาแล้วที่จะพิสูจน์ตัวเองเพื่อมหาลัย"
Pain Points
  • ตารางแข่งเปลี่ยนบ่อย ไม่มีที่อัปเดตครบ
  • เพื่อนที่บ้านอยากเชียร์แต่ไม่รู้จะตามจากที่ไหน
  • งานจบแล้วไม่มีอะไรเหลือเป็นหลักฐาน
Goals & Needs
  • แข่งขันได้ดีและทำให้มหาลัยได้เหรียญ
  • รู้ตารางแข่งและ ranking real-time
  • มีที่ระลึก digital จากงาน milestone ครั้งที่ 50
Key Insight นักกีฬาคือ organic content creator ตัวจริงของงาน — ถ้า platform ช่วยให้เขาแชร์ได้ง่าย เขาจะ reach ไปถึงเพื่อนในมหาลัยทุกคนเอง
Stakeholder · ผู้จัดงาน
"งานครั้งที่ 50 ต้องสร้าง legacy ที่คนจำได้ — และต้องพิสูจน์ให้ sponsor เห็นว่าคุ้มค่า"
Pain Points
  • คนมาจริงแค่หมื่นกว่า ควร reach หลักแสนทั่วประเทศ
  • Sponsor ต้องการ data — ยังไม่มี digital infrastructure
  • Format เดิมถึงจุดอิ่มตัว ต้องมี innovation จริงจัง
Goals & Needs
  • งาน milestone ครั้งที่ 50 สำเร็จและน่าจดจำ
  • Central platform serve 37 กีฬาครบในที่เดียว
  • Engagement data เพื่อ justify sponsorship
Key Insight Stakeholder ไม่ได้ต้องการ "เว็บสวย" — เขาต้องการ numbers ที่เอาไปรายงานและ justify sponsorship ต่อได้ EchoX ต้องตอบโจทย์นี้ก่อน

Key Choices & Why

Three product decisions that shaped the engagement model — each grounded in clarity, motivation, and simplicity.

Decision 01

Voting as Core Mechanic

Made participation — not consumption — the primary interaction. Every vote creates data, drives emotional investment in outcomes, and is repeatable without friction.

Voting Game
Decision 02

Digital Collectible as Souvenir

Thammasat Games happens once a year — and this edition was the 50th. We wanted every student who voted to walk away with something that marked the moment: a digital collectible, unique to this event, redeemable for a physical prize at the venue.

Every Participant Deserves a Keepsake
Decision 03

Make Every Vote Feel Like It Counts

Voting without feedback disappears. We added a coin reward to every vote — a small, immediate signal that your action mattered. Coins accumulate toward a collectible, giving students a reason to return each day of the 10-day event rather than vote once and leave.

Visible Feedback, Not Invisible Action

How the Engagement Loop Works

From first visit to digital ownership — the complete journey from participation to reward.

Vote
Step 1 Vote
Vote for universities across 40+ sports categories
Earn
Step 2 Earn
Receive coins from every participation action
Collect
Step 3 Collect
Accumulate rewards with daily engagement
Unlock
Step 4 Unlock
Redeem for rare NFT collectibles and real prizes
Event Discovery
Event Discovery flow
Voting & Coin Collection
Voting and Coin Collection flow
NFT Redemption
NFT Redemption flow

Platform Structure

Defined feature scope and site architecture before any design work began — ensuring a complete experience without overbuilding.

Platform Architecture — Information Architecture Node Map

Information architecture structured from the homepage, reflecting real navigation hierarchy.

From Structure to Interface

Before any visual design began, the platform's layout logic and interaction patterns were mapped in low-fidelity wireframes — establishing content hierarchy, flow, and page structure across desktop and mobile breakpoints.

01
Information Architecture
Site map, page hierarchy, and feature scope defined. All six sections planned before a single screen was designed.
02
Wireframes
Lo-fi layout for each key page — content placement, interaction zones, and mobile flow validated in Figma before visual work began.
03
Visual Design
High-fidelity UI applied over validated structure — brand system, color tokens, typography, and component library.
Wireframes covered 8 page templates across desktop and mobile — including all three core feature interactions and four supporting event pages.

Three mechanics that drove participation

TU Sport is primarily an event information website. At its center are three interactive mechanics — voting, coin collection, and NFT redemption — designed to turn passive visitors into active, returning participants.

Core Feature 01

Voting System

  • Vote for universities across 40+ sports
  • Repeatable — once per category per day
  • Every vote earns coins instantly
Voting page
Core Feature 02

Coin Collection Loop

  • Coins earned from every vote
  • Progress visible — drives daily return
  • Threshold unlocks NFT redemption
Voted — coin reward state
Core Feature 03

Random NFT Redemption

  • Randomly assigned sport-specific NFT
  • Earned through participation — not purchased
  • Redeemable for physical prizes at the booth
Redeem NFT — reward flow

The Event Website

Beyond the three core mechanics, TU Sport is a full event information hub — homepage, sport directories, news, and photo galleries. These pages support the experience without being interactive features themselves.

Homepage
Entry point — event energy, live rankings, and direct path to the voting flow.
Homepage — event entry point
Sport Directory
Browse 40+ sport categories, access category-specific rankings and schedules.
Sport directory — 40+ categories
News & Updates
Real-time event news, highlights, and schedule updates throughout the games.
News — event updates
Photo Gallery
Event photos published during the games — a digital memory for participants.
Photo gallery — event photography

Digital Ownership

A digital collectible for every voter — proof that you were part of Thammasat Games 2025. Sport-specific, unique to this event, and redeemable for a physical prize at the booth.

TU Sport NFT Experience — Thammasat Games 2025
Thammasat Games 2025  ·  50th Edition

Own the Moment.

Sport-specific collectibles · Event exclusive · Redeemable for real prizes

00 HRS
:
00 MIN
:
00 SEC
Special Edition
Special Edition
Ultra Rare
Athletics
Athletics
Common
Dance Sport
Dance Sport
Common
eSports
eSports
Rare
Hockey
Hockey
Common
Muay Thai
Muay Thai
Common
Obstacle
Obstacle
Common
Petanque
Petanque
Common
Rugby
Rugby
Rare
Sepaktakraw
Sepaktakraw
Common
Table Tennis
Table Tennis
Common
Ultimate
Ultimate
Rare
Cost: 1 coin  ·  Balance: 3 coins
Special Edition
Special Edition
Ultra Rare
Athletics
Athletics
Common
Dance Sport
Dance Sport
Common
eSports
eSports
Rare
Hockey
Hockey
Common
Muay Thai
Muay Thai
Common
Obstacle
Obstacle
Common
Petanque
Petanque
Common
Rugby
Rugby
Rare
Sepaktakraw
Sepaktakraw
Common
Table Tennis
Table Tennis
Common
Ultimate
Ultimate
Rare
Turning engagement into ownership.

World Building

A playful, high-energy visual system — consistent across platform, campaign, and physical touchpoints.

Component Library
UI component library
Color Palette
Color system
Typography
Typography system
Partners & Stakeholders

What It Achieved

The platform launched live across a 10-day national event — and the numbers proved the model worked.

User review — real feedback from TU Sport participants
126,261
Total Votes

Cast across 37 sport categories over 10 days — every vote tied to a real university competing in the games.

29,118+
Registered Users

Students from 110+ universities registered and voted for their teams — from campuses across Thailand, not just those who made the trip.

15,000
Peak Daily Visits

Visits peaked on competition days, driven by students checking live rankings and casting their daily votes.

What I Learned

01

Engagement matters more than visual perfection — getting people to act is the real design challenge.

02

Real-world constraints shape better product decisions — tight deadlines force clarity and cut scope to what truly matters.

03

Gamification works best when it is simple and rewarding — complexity kills adoption, especially at live events.

04

Strong alignment between business, product, and UX is critical — misalignment at any layer cascades into every decision.

Visitor Passport 0 / 6